<template>
  <div>
    <h1>{{fullName}}</h1>
  </div>
</template>

<script lang="ts">
  import {defineComponent} from "vue"
  export default defineComponent({
    name:'Abort',
  })


</script>
<script setup lang="ts">
import {ref,computed} from "vue"
let firstName = ref('高')
let lastName = ref('雅琳')
//计算属性返回的是一个ref对象，在setup中使用时需要.value获取计算属性的值，模板中直接使用
const fullName = computed(()=>{

  return firstName.value+lastName.value
})
console.log(fullName)


</script>